<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日常</title>
    <script src="js/base.js"></script>
    <link rel="stylesheet" href="css/daily.css">
</head>
<body>
    <!-- 日常 -->
    <div class="daily">
        <div class="header">
            <span><i></i>日常</span>
            <!-- 搜索 -->
            <!-- <ul></ul> -->
            <aside>
                <input type="search" name="" id="" placeholder="请输入姓名"><button>搜索</button>
            </aside>
            <p>
                2024年3月<img src="images/日常 出差 人员添加 出差日期图标.png" alt="">
                  <!-- 判断是否是教师登录如果是则显示申请出差之类的 -->
                  <i style="cursor: pointer;margin-left: 5px; font-style: normal; color:#0F6AB1;" onclick="addopen()">写日报</i>
            </p>
        </div>
        <div class="banner">
            <table border="0">

                <thead>
                    <tr>
                        <th>姓名</th>
                        <th>报告内容</th>
                        <th>日期</th>
                    </tr>
                </thead>
                <tbody id="pageListTableBody">
                </tbody>
            </table>
            <div id="pages">
                <span id="spanFirst">首页</span>
                <span id="spanPre">上一页</span>
                <span id="spanNext">下一页</span>
                <span id="spanLast">尾页</span>
                <!-- 创建盒子存放第几页和总共几页 -->
                第<strong id="spanPageNum"></strong>页/共<strong id="spanTotalPage"></strong>页
            </div>
        </div>
        <!-- 写日报 -->
      <!-- 单击修改弹出修改弹窗 -->
      <div class="addopen">
        <div>
            <b>添加日志</b>
            <form>
                <p>
                    <i>姓名: <input type="text"></i>
                    <i>日期: <input type="date"></i>
                  </p>
                  <p>
                    报告内容: <textarea name="" id="" cols="30" rows="10"></textarea>
                  </p>
            </form>
            <span>
                <button>确认</button>
                <button onclick="offadd()">取消</button>
            </span>
        </div>
    </div>
    </div>
    <script src="js/daily.js"></script>
</body>
</html>